<%@ include file="../common/top.jsp" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="StyleSheet" href="css/product.css" type="text/css"
      media="screen"/>

<div id="Catalog">
    <div id="Cart">
        <%--    我的喜欢--%>
        <%session.setAttribute("page", "cart");%>
        <%@ include file="../account/myFavorite.jsp" %>

        <br>
        <br>
        <h2>购物车</h2>
        <br>
        <br>
        <form action="updateCart" method="post">

            <table id="CPI" align="center">
                <c:if test="${sessionScope.cart.numberOfItems > 0}">
                    <tr>
                        <th></th>
                        <th><b>商品</b></th>
                        <th><b>商品编号</b></th>
                        <th><b>商品门类编号</b></th>
                        <th><b>详情</b></th>
                        <th><b>是否有库存</b></th>
                        <th><b>数量</b></th>
                        <th><b>单价</b></th>
                        <th><b>总价</b></th>
                        <th>&nbsp;</th>
                    </tr>


                    <c:forEach var="cartItem" items="${sessionScope.cart.cartItems}">
                        <tr>
                            <td><input id="cart_pic_td" type="checkbox" name="" value="${cartItem.item.itemId}"></td>

                            <td id="cart_pic_td"><img id="cart_pic" src="${cartItem.item.product.description}"/></td>
                            <td>
                                <a class="itemId" href="itemForm?itemId=${cartItem.item.itemId}">${cartItem.item.itemId}</a>
                            </td>
                            <td>
                                    ${cartItem.item.product.productId}
                            </td>

                            <td>
                                    ${cartItem.item.product.name} ${cartItem.item.attribute1}
                            </td>

                            <td>${cartItem.inStock}</td>

                            <td>
                                <input type="text" class="quantity" onblur="updateCart()"
                                       name="${cartItem.item.itemId}"
                                       value="${cartItem.quantity}">
                            </td>

                            <td>
                                <label class="cartItemsPrice">${cartItem.item.listPrice}</label>
<%--                                <fmt:formatNumber value="${cartItem.item.listPrice}" pattern="$#,##0.00"/>--%>
                            </td>

                            <td class="total">
                                <label class="cartItemsTotalPrice">${cartItem.total}</label>
<%--                                <fmt:formatNumber value="${cartItem.total}" pattern="$#,##0.00"/>--%>
                            </td>

                            <td>
                                <a id="delete" href="removeCartItem?workingItemId=${cartItem.item.itemId}"
                                   class="Button">删除</a>
                            </td>
                        </tr>
                    </c:forEach>

                    <tr>
                        <td>
                            总价
                        </td>
                        <td colspan="9"><label id="subtotal">${sessionScope.cart.subTotal}</label></td>

                    </tr>
                    <input type="submit" value="更新购物车">
                </c:if>
                <%--                这里两个if语句是对应两种情况，在刚进入页面时，numberofitems是空，在清空购物车后则是0，我也不知道为啥--%>
                <c:if test="${sessionScope.cart.numberOfItems == null}">
                    <tr>
                        <td colspan="10"><b>你的购物车是空的，去下单试试吧！</b></td>
                    </tr>
                </c:if>
                <c:if test="${sessionScope.cart.numberOfItems == 0}">
                    <tr>
                        <td colspan="10"><b>你的购物车是空的，去下单试试吧！</b></td>
                    </tr>
                </c:if>
            </table>


        </form>
<%--        <script type="text/javascript" src="${pageContext.request.contextPath }/js/updateCart.js"></script>--%>
<%--        <script type="text/javascript" scr="/js/Cart.js"></script>--%>

<%--        <script type="text/javascript" src="/js/Cart.js"></script>--%>
            <script src="js/Cart.js"></script>
        <br>
        <br>
        <c:if test="${sessionScope.cart.numberOfItems > 0}">
            <a href="newOrderForm" class="Button">支付</a>
        </c:if>
        <br>
        <br>
    </div>


    <%--    <form action="updateCart" method="post">--%>
    <%--        <table><a href="newOrdeable id="CPI" align="center">--%>
    <%--            <tr>--%>
    <%--                <th>  </th>--%>
    <%--                <th><b>Item ID</b></th>--%>
    <%--                <th><b>Product ID</b></th>--%>
    <%--                <th><b>Description</b></th>--%>
    <%--                <th><b>In Stock?</b></th>--%>
    <%--                <th><b>Quantity</b></th>--%>
    <%--                <th><b>List Price</b></th>--%>
    <%--                <th><b>Total Cost</b></th>--%>
    <%--                <th>&nbsp;</th>--%>
    <%--            </tr>--%>


    <%--            <c:if test="${sessionScope.cart.numberOfItems == 0}">--%>
    <%--                <tr>--%>
    <%--                    <td><b>Your cart is empty.</b></td>--%>
    <%--                </tr>--%>
    <%--            </c:if>--%>

    <%--            <c:forEach var="cartItem" items="${sessionScope.cart.cartItems}">--%>
    <%--                <tr>--%>
    <%--                    <td><input type="checkbox" name="" value="${cartItem.item.itemId}"></td>--%>

    <%--                    <td>--%>
    <%--                        <a href="viewItem?itemId=${cartItem.item.itemId}">${cartItem.item.itemId}</a>--%>
    <%--                    </td>--%>
    <%--                    <td>--%>
    <%--                            ${cartItem.item.product.productId}--%>
    <%--                    </td>--%>

    <%--                    <td>--%>
    <%--                            ${cartItem.item.attribute1} ${cartItem.item.attribute2}--%>
    <%--                            ${cartItem.item.attribute3} ${cartItem.item.attribute4}--%>
    <%--                            ${cartItem.item.attribute5} ${cartItem.item.product.name}--%>
    <%--                    </td>--%>

    <%--                    <td>${cartItem.inStock}</td>--%>

    <%--                    <td>--%>
    <%--                        <input type="text" class="quantity" onblur="updateCart();" name="${cartItem.item.itemId}" value="${cartItem.quantity}" >--%>
    <%--                    </td>--%>

    <%--                    <td>--%>
    <%--                        <fmt:formatNumber value="${cartItem.item.listPrice}" pattern="$#,##0.00" />--%>
    <%--                    </td>--%>

    <%--                    <td class="total">--%>
    <%--                        <fmt:formatNumber value="${cartItem.total}" pattern="$#,##0.00" />--%>
    <%--                    </td>--%>

    <%--                    <td>--%>
    <%--                        <a href="removeCartItem?workingItemId=${cartItem.item.itemId}" class="Button" >Remove</a>--%>
    <%--                    </td>--%>
    <%--                </tr>--%>

    <%--            </c:forEach>--%>
    <%--            <tr >--%>
    <%--                <td>--%>
    <%--                    sub total:--%>
    <%--                </td>--%>
    <%--                <td colspan="8"><label id="subtotal">${sessionScope.cart.subTotal}</label></td>--%>
    <%--                <input type="submit"  value="UpdateCart">--%>
    <%--            </tr>--%>
    <%--        </table>--%>

    <%--    </form>--%>
    <%--    <script type="text/javascript" src="${pageContext.request.contextPath }/js/updateCart.js"></script>--%>
    <%--    <script type="text/javascript" scr="/js/Cart.js"></script>--%>

    <%--    <c:if test="${sessionScope.cart.numberOfItems > 0}">--%>
    <%--        <!-- 跳转至订单-->--%>
    <%--        <a href="newOrderForm" class="Button" >支付</a>--%>
    <%--    </c:if>--%>


    <div id="Separator"></div>
</div>

<c:if test="${sessionScope.cart.numberOfItems == null || sessionScope.cart.numberOfItems == 0 || (sessionScope.account != null && sessionScope.account.bannerOption)}">
    <br>
    <br>
    <div>&ensp;&ensp;<b>你也许会喜欢:</b></div>
    <%@ include file="../common/recommend.jsp" %>
</c:if>

<%@ include file="../common/bottom.jsp" %>


